<!DOCTYPE html>
<html lang="en">
<head>
<title>意见反馈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="shortcut icon" href="../../staticFile/images/userIndex/favicon.ico" />
<script type="text/javascript" src="../../staticFile/js/common/mobileCommon.min.js"></script>
<link type="text/css" rel="stylesheet" href="../../staticFile/css/mobile/common.css">
<style type="text/css">
.middle-main{margin-left: 5%;font-size: 0.5rem;}
.middle-main legend{color: #ffa12d;font-size: 0.7rem;font-weight: bolder;text-align: center;padding: 0.4rem 0;}
.middle-main input{line-height: 0.8rem;font-size: 0.5rem;padding: 0.1rem;border: 2px solid #ccc;}
.contact-prompt{font-size: 0.4rem;color: gray;margin-top: 0.1rem;position: relative;float: left;display: block;}
.contact-content{float: left;margin-top: 10px;position: relative;}
.contact-content textarea{height: 4rem;font-size: 0.5rem;margin-top: 0.2rem;padding: 0.1rem;border: 2px solid #ccc;}
input:hover,textarea:hover{border: 2px solid #ffa12d;}
.btn-feedback{line-height: 1.2rem;width: 4rem;font-size: 0.6rem;font-weight: bolder;margin-top: 0.2rem;
    border: 0px;color: white;background: url(../../staticFile/images/userIndex/menu-row-tail.gif) center bottom repeat-x;background-size: 3rem 1.2rem;
}
.word-num{float: right;font-size: 0.4rem;}
#wordNum{margin-left:0;font-size: 0.5rem;}
#errorMsg{margin-left: 5%;font-size: 0.4rem;margin-top: 0.2rem;color: red;}
</style>
<script type="text/javascript" src="../../staticFile/js/plugins/jquery/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../staticFile/js/common/commonUtil.js"></script>
<script type="text/javascript" src="../../staticFile/js/common/CheckUtil.js"></script>
<script type="text/javascript" src="../../staticFile/js/userIndex/feedback.js"></script>
</head>
<body>
<!-- 页面主体部分 -->
<div id="middleMain" class="middle-main">
    <legend>意见反馈</legend>
    <span style="line-height: 1rem;">
        <strong>联系方式：</strong><input id="fbContact" type="text" placeholder="手机号码/邮箱" />
    </span>
    <span class="contact-content">
        <strong>内&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;容：</strong>
        <textarea id="fbContent"></textarea>
        <span class="word-num">还可写<span id="wordNum">300</span>个字</span>
    </span>
    <span class="contact-prompt">注：被采纳的反馈意见将有精美小礼品一份噢！</span>
    <button class="btn-feedback">提交反馈</button>
</div>
<div id="errorMsg"></div>
</body>
</html>
<script type="text/javascript">
var screenWidth = $(document).width();
var areaWidth = screenWidth * 0.87;
$('.contact-content textarea,.middle-main input').css('width',areaWidth + 'px');
$('.word-num').css('margin-right', (screenWidth - areaWidth) / 2 + 'px');
</script>